<?php 
$this->load->view('common/head'); 
if($this->session->userdata('user_logedin')){
	
	$this->load->view('user/header');
}else {
	$this->load->view('common/header');
}
?>
<header id="myCarousel" class="carousel slide">
	<!-- Indicators -->
	<!--<ol class="carousel-indicators">
	<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
	<li data-target="#myCarousel" data-slide-to="1"></li>
	<li data-target="#myCarousel" data-slide-to="2"></li>
	<li data-target="#myCarousel" data-slide-to="3"></li>
	</ol>-->

	<!-- Wrapper for Slides -->
	<div class="carousel-inner">
		<div class="item active">
			<!-- Set the first background image using inline CSS below. -->
			<div class="fill" style="background-image:url(<?php echo ASSET_URL; ?>img/masterslider/07.png);"></div>
			<div class="carousel-caption">
				<h2>Energy</h2>
				<p>
					This is a dummy content This is a dummy content This is a dummy content
				</p>
				<div class="call_of_action">
					<a href="login.html">Apply Now</a>
				</div>
			</div>
		</div>
		<div class="item">
			<!-- Set the second background image using inline CSS below. -->
			<div class="fill" style="background-image:url(<?php echo ASSET_URL; ?>img/masterslider/06.png);"></div>
			<div class="carousel-caption">
				<h2>Water</h2>
				<p>
					This is a dummy content
				</p>
				<div class="call_of_action">
					<a href="login.html">Apply Now</a>
				</div>
			</div>
		</div>

		<div class="item">
			<!-- Set the forth background image using inline CSS below. -->
			<div class="fill" style="background-image:url(<?php echo ASSET_URL; ?>img/masterslider/08.png);"></div>
			<div class="carousel-caption">
				<h2>Biodiversity</h2>
				<p>
					This is a dummy content
				</p>
				<div class="call_of_action">
					<a href="login.html">Apply Now</a>
				</div>
			</div>
		</div>
	</div>

	<!-- Controls -->
	<a class="left carousel-control" href="#myCarousel" data-slide="prev"> <!--<span class="icon-prev"></span>--> <img src="<?php echo ASSET_URL; ?>img/left.png" width="24" style="width:24px;"> </a>
	<a class="right carousel-control" href="#myCarousel" data-slide="next"> <!--<span class="icon-next"></span>--> <img src="<?php echo ASSET_URL; ?>img/right.png" width="24" style="width:24px;"> </a>

</header>
<div class="space30"></div>

<!-- about -->
<div class="container">
	<div class="row">

		<div class="col-md-8">
			<div class="space20"></div>
			<p>
				The ProSPER.Net-Scopus Young Scientist Award in Sustainable Development is given annually to young scientists or researchers, based in the Asia-Pacific region (excluding USA and Canada), who have made significant contributions in the area of Sustainable Development.
			</p>
			<p>
				The award is open to those researchers who completed their Ph.D. recently (within a span of 5 years) and are engaged in graduate education and research activities that emphasize sustainable development.
			</p>
			<p>
				<strong>For 2015, awards will be given in the areas of Energy, Water and Biodiversity.</strong>
			</p>
			<div class="space40"></div>
		</div>

		<div class="col-md-4">
			<iframe width="560" height="315" src="http://www.youtube.com/embed/19ppc8AcD3M" frameborder="0" allowfullscreen></iframe>

			<div class="space40"></div>
		</div>
	</div>
</div>
<!-- about End -->
<div class="container">
	<div class="row">
		<div class="col-md-12">
			<h1>Awards</h1>
		</div>
	</div>
</div>
<div class="space20"></div>
<!--service -->
<div class="container">
	<div class="row">
		<div class="col-md-4 text-center">
			<div class="service">
				<span class="typcn typcn-stopwatch"><img src="<?php echo ASSET_URL; ?>img/energy.png"  style="width:70% !important;"></span>

			</div>
			<h4>Energy</h4>
		</div>
		<div class="col-md-4 text-center">
			<div class="service">
				<span class="typcn typcn-stopwatch"><img src="<?php echo ASSET_URL; ?>img/water.png"  style="width:70% !important;"></span>

			</div>
			<h4>Water</h4>
		</div>
		<div class="col-md-4 text-center">
			<div class="service">
				<span class="typcn typcn-stopwatch"><img src="<?php echo ASSET_URL; ?>img/Disaster-Risk-Reduction-tb.png"  style="width:70% !important;"></span>

			</div>
			<h4>Biodiversity</h4>
		</div>
	</div>
</div>
<!--service End-->
<div class="space30"></div>

<!--call of action-->

<div class="container orange_bg">
	<div class="space20"></div>
	<div class="col-md-9 col-lg-9 col-xs-12 color_white" style=" line-height:50px; font-size:24px; letter-spacing:5px;">
		ProSPER.NET SCOPUS Young Scientist Award 2015
	</div>
	<div class="col-md-3 col-xs-12 col-lg-3 white_bg text-center" style="font-size:24px; line-height:50px; letter-spacing:5px;">
		<a href="#"> Apply Today </a>
	</div>
	<div class="space20"></div>
</div>

<!--call of action Ends-->

<div class="space30"></div>
<div class="container-fluid grey_bg">

	<div class="space30"></div>
	<div class="container">
		<div class="row">

			<div class="col-md-3">
				<!-- Client Says -->
				<h5 class="color_white">Recent News</h5>
				<div class="client-says">
					<div class="client-text">
						<marquee onmouseout="this.start();" onmouseover="this.stop();" scrollamount="1" scrolldelay="40" truespeed direction="up">
							<a href="#"> For 2015, awards will be given in the areas of Energy, Water and Biodiversity. </a>
							<div class="seprator2"></div>
							<a href="#"> Call for applications and nominations coming soon! </a>
							<div class="seprator2"></div>
							<a href="#"> Topics in all three categories has been announced </a>
						</marquee>
					</div>
					<!--<div class="client-name">
					<i class="fa fa-quote-right"></i><strong>John Doe</strong>, Evton Inc.
					</div>-->
				</div>
				<!-- Client Says End -->
				<div class="space40"></div>
			</div>

			<div class="col-md-6">
				<div class="space45"></div>
				<!-- Banner -->
				<img src="<?php echo ASSET_URL; ?>img/YSAimage1.jpg" alt="YSA" title="YSA">
				<!-- Banner End -->
				<div class="space40"></div>
			</div>

			<div class="col-md-3">
				<!-- Progress Bar -->
				<h5 class="color_white text-right">Facts & Figures</h5>
				<div class="progress-bar-shortcode">
					<div class="progress">
						<div class="progress-bar" role="progressbar" data-percentage="100">
							<div class="progress-bar-span">
								<div class="facts_figures text-right col-md-3 col-xs-3 col-lg-3">
									<strong>6</strong>
								</div>
								<div class=" col-lg-8 col-md-9 col-xs-9">
									Years
								</div>
							</div>
						</div>
					</div>
					<div class="progress">
						<div class="progress-bar" role="progressbar" data-percentage="100">
							<div class="progress-bar-span">
								<div class="facts_figures text-right col-md-3 col-xs-3 col-lg-3">
									<strong>18</strong>
								</div>
								<div class=" col-lg-8 col-md-9 col-xs-9">
									Categories
								</div>
							</div>
						</div>
					</div>
					<div class="progress">
						<div class="progress-bar" role="progressbar" data-percentage="100">
							<div class="progress-bar-span">
								<div class="facts_figures text-right col-md-3 col-xs-3 col-lg-3">
									<strong>19</strong>
								</div>
								<div class=" col-lg-8 col-md-9 col-xs-9">
									Winners
								</div>
							</div>
						</div>
					</div>
					<div class="progress">
						<div class="progress-bar" role="progressbar" data-percentage="100">
							<div class="progress-bar-span">
								<div class="facts_figures text-right col-md-3 col-xs-3 col-lg-3">
									<strong>44</strong>
								</div>
								<div class=" col-lg-8 col-md-9 col-xs-9">
									Runner-Ups
								</div>
							</div>
						</div>
					</div>
					<div class="progress">
						<div class="progress-bar" role="progressbar" data-percentage="100">
							<div class="progress-bar-span">
								<div class="facts_figures text-right col-md-3 col-xs-3 col-lg-3">
									<strong>556</strong>
								</div>
								<div class=" col-lg-8 col-md-9 col-xs-9">
									Applications
								</div>
							</div>
						</div>
					</div>
				</div>

			</div>
			<div class="clearfix"></div>
			<!-- Progress Bar End -->
			<div class="space40"></div>
		</div>

	</div>
</div>
</div>
<div class="space20"></div>
<!-- Partners -->
<div class="container">
	<div class="row">
		<div class="col-md-12">
			<h5>Jointly Organised by</h5>
			<ul class="partners-6">
				<li>
					<a href="#"><img src="<?php echo ASSET_URL; ?>img/partners/prospernet.png" style="width:50%;" alt=""></a>
				</li>
				<li>
					<a href="#"><img src="<?php echo ASSET_URL; ?>img/partners/elsevier.png" style="width:50%;" alt=""></a>
				</li>
				<li>
					<a href="#"><img src="<?php echo ASSET_URL; ?>img/partners/scopus.png" style="width:60%;" alt=""></a>
				</li>
				<li>
					<a href="#"><img src="<?php echo ASSET_URL; ?>img/partners/alexzender.png" style="width:60%;" alt=""></a>
				</li>
			</ul>

		</div>
	</div>
</div>
<!-- Partners End -->

<div class="space60"></div>
<!-- Content End -->
<?php $this->load->view('common/footer'); ?>